<!DOCTYPE html>
<html>
<head>
    <title>更改挂号--中软高科-2015</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="../Css/style.css" />
    <script type="text/javascript" src="../Js/jquery.js"></script>
<!--    <script type="text/javascript" src="../Js/jquery.sorted.js"></script>-->
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
    <script type="text/javascript" src="../Js/ckeditor/ckeditor.js"></script>
 

    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <script type="text/javascript">
    $(function () {
        loadData();
		$('#backid').click(function(){
				window.location.href="index.html";
		 });
		$("#addid").click(function(){
            $.ajax({
                type: "POST",
                url: "/hosregister/addHosregister.do",
                data: $("#myForm").serialize(),
                dataType:"json",
                success: function(vo){
                    if(vo.code==200) {
                        window.location.href = "/registration/index.html";
                    }else{
                        alert("添加失败！"+vo.msg);
                    }
                }
            });
        });
        function change(){
            // 先清空第二个
            $("#selectDoctor").empty();
            var keshi =  $("#selectKeshi").find("option:selected").text();
            if(map[keshi] != null){
                var str = "";
                var list = map[keshi];
                for(var i = 0; i < list.length; i++){
                    var s = list[i];
                    str += "\"<option>\"+s+\"</option>\"";
                }
                $("#selectDoctor").html(str);
            }
        }
    });

    function loadData(){
        $.ajax({
            type: "GET",
            url: "/hosregister/listKeshi.do", //RESTful风格的API定义
            data: "",
            success: function (vo) {
                let map =  vo.map;
                var options = "";
                for( var key in map) {
                    var option = "<option value="+key+">"+key+"</option>";
                    options+=option;
                }
                var str3 =  " <td width=\"10%\" class=\"tableleft\">所挂科室</td>\n        " +
                    "<td><select name='selectKeshi' id='selectKeshi'>"+options+"</select></td>\n  ";
                $("#selKeshi").html(str3);

                $("select[name='selectKeshi']").change(function(){
                        // 先清空第二个
                        $("select[name='selectDoctor']").empty();
                        var keshi =  $("#selectKeshi").find("option:selected").text();
                        if(map[keshi] != null){
                            var str = "";
                            var list = map[keshi];
                            for(var i = 0; i < list.length; i++){
                                var s = list[i];
                                str += "<option value='"+s+"'>"+s+"</option>";
                            }
                            $("#selectDoctor").html(str);
                        }
                    }
                );

            }
        });


    }
    </script>
</head>
<body>
<form action="index.html" method="post" class="definewidth m20" id="myForm">
<table class="table table-bordered table-hover definewidth m10">
    <tr>
        <td width="10%" class="tableleft">姓名</td>
        <td><input type="text" name="hosR_id" value=""/></td>
    </tr>

    <tr>
        <td width="10%" class="tableleft">身份证号</td>
        <td><input type="text" name="hosR_idCar" value=""/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">社保号</td>
        <td><input type="text" name="hosR_medical" value=""/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">挂号费</td>
        <td><input type="text" name="hosR_regPrice" value=""/>元</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">联系电话</td>
        <td><input type="text" name="hosR_phone" value=""/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">是否自费</td>
        <td><input type="radio" name="hosR_selfPrice" value="1" checked/>否&nbsp;&nbsp;&nbsp;
            <input type="radio" name="hosR_selfPrice" value="0"/>是</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">性别</td>
        <td><input type="radio" name="hosR_sex" value="0" checked/>男&nbsp;&nbsp;
            &nbsp;<input type="radio" name="hosR_sex" value="1"/>女</td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">年龄</td>
        <td><input type="text" name="hosR_age" value=""/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">职业</td>
        <td><input type="text" name="hosR_work" value=""/></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">初复诊</td>
        <td><input type="radio" name="hosR_lookDoctor" value="0" checked/>初诊&nbsp;
            &nbsp;&nbsp;<input type="radio" name="hosR_lookDoctor" value="1"/>复诊</td>
    </tr>
    <tr id="selKeshi">
        <td width="10%" class="tableleft">所挂科室</td>
        <td><select id="selectKeshi" name = "selectKeshi"><option>急诊科</option><option>骨科</option><option>血液科</option></select></td>
    </tr>
    <tr>
        <td width="10%" class="tableleft">指定医生</td>
        <td><select id="selectDoctor" name = "selectDoctor"><option>程俊</option><option>欧阳雨露</option><option>王博</option></select></td>
    </tr>
	<tr>
        <td width="10%" class="tableleft">备注</td>
        <td><textarea name="hosR_remark"></textarea></td>
	</tr>
    <tr>
        <td colspan="2">
			<center>
				<button type="submit" class="btn btn-primary" id="addid" type="button">保存</button>
                &nbsp;&nbsp;<button type="button" class="btn btn-success" name="backid" id="backid">返回列表</button>
			</center>
		</td>
    </tr>
</table>
</form>
</body>
</html>